<template>
    <div>
    <ul>
    <li @click='tiao2'>电脑</li>
    <li @click='tiaozhuan'>裤子</li>
    <li @click='tiao3'>鞋子</li>
      </ul>

    <!-- 子路由 -->
    <router-view></router-view>
    </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods:{
    tiaozhuan(){
      this.$router.push({path:'/mor8'})
    },
      tiao2(){
      this.$router.push({path:'/mor7'})
    },
        tiao3(){
      this.$router.push({path:'/mor9'})
    },
  }
};
</script>
<style scoped>

 ul {
  display: flex;
  justify-content: space-between;
}
</style>